<%@ page language="java" import="java.util.*" pageEncoding="UTF-8"%>
<%@taglib prefix="s" uri="/struts-tags"%>

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
	<head>
		<title>Cadastra projeto</title>
		<s:url value="/css/style.css" var="cssStyle"></s:url>
		<link rel="stylesheet" type="text/css" href="${cssStyle}" media="screen">
		<script type="text/javascript">
		$(document).ready(function(){
			$(".confirm").click(function(){
				var projeto   = $("#idProjeto").val();
 				if((projeto!="") &&
 				  ($("input[type=checkbox][name=listaLingSels]:checked").val())){
 				
 					if(!confirm("Confirma cadastro do Projeto:"+projeto+"?")){
      					$("#loading").hide();
						$(".loadingImage").CenterIt();
						$(".loadingImage").hide();
      					return false;
   					}
   				}
			});

			$("#idForm").submit(function(){
				var projeto   = $("#idProjeto").val();
								
				if(projeto==""){
					$("p").show().removeClass("erro").addClass("ok").text('');
					$("#idProjeto").after("<p style='color:red;'>Projeto é obrigatório.</p>");
					$("#loading").hide();
					$(".loadingImage").CenterIt();
					$(".loadingImage").hide();
					return false;
				}else{
					$("p").show().removeClass("erro").addClass("ok").text('');
				}
				if("#idSgdb" == ""){
					$("p").show().removeClass("erro").addClass("ok").text('');
					$("#idSgdb").after("<p style='color:red;'>Campo Obrigatório.</p>");
					$("#loading").hide();
					$(".loadingImage").CenterIt();
					$(".loadingImage").hide();
					return false;
				}else{
					$("p").show().removeClass("erro").addClass("ok").text('');
				}
				

				if ($("input[type=checkbox][name=listaLingSels]:checked").val()){
					$("p").hide();
					return true;
    			}else{
					$("#idLinguagem").after("<p style='color:red;'>É obrigatório selecionar uma ou mais Linguagens.</p>");
					$("#loading").hide();
					$(".loadingImage").CenterIt();
					$(".loadingImage").hide();
					return false;
				}	 
			});
		});
		</script>
	</head>

	<body>
		<div class="content" style="width: 600px;">
			<s:form action="cadastra-projeto" namespace="/" method="POST" id="idForm">
				<s:hidden name="novoProjeto.id"></s:hidden>
				<s:textfield labelposition="left" label="Projeto" name="novoProjeto.nmprojeto" id="idProjeto" required="true"/>
				<s:textarea labelposition="left" label="Descrição" name="novoProjeto.descricao" rows="4"	/>
				<s:textarea labelposition="left" label="Configuração SGDB" name="novoProjeto.configsgdb" rows="4" required="true" id="idSgdb"/>
				<s:textarea labelposition="left" label="Usuário DB" name="novoProjeto.nmusersgdb" rows="4"required="true" id="idUsuario"/>
				<s:textarea labelposition="left" label="Driver DB" name="novoProjeto.driversgdb" rows="4" required="true" id="idDriver"/>
				<s:select list="%{listaTipoDb}" label="Tipo SGDB" listKey="id" required="true" 
						  listValue="nmsgdb" name="dbSel.id" headerKey="-1"
						  id="idListaTipoDb" headerValue="- Selecione -" id="idTipoDb">
				</s:select>

				<s:checkboxlist list="%{listaLinguagem}" label="Linguagens"  listKey="id" listValue="nmlinguagem" 
						        name="listaLingSels" labelposition="left" id="idLinguagem" required="true">
				</s:checkboxlist>
				<br>
				<input value="Cadastrar" type="submit" class="confirm">
				<input type="button" onclick="window.history.go(-1)" value="Cancelar"/>
			</s:form>
		</div>
	</body>
</html>